/*! Alters the webextension uMatrix
  IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://uMatrix@raymondhill.net/") {
  .t81 {
    color: #fff;
    background-color: #db4c4c!important
  }
  .t82 {
    background-color: #4cab4c!important
  }
  .t2 {
    border-color: #b2dbb2!important;
    color: #000;
    background-color: #b2dbb2!important
  }
  /*! Light red */
.t1 {
    border-color: #efb2b2!important;
    color: #000;
    background-color: #efb2b2!important
  }
  .matCell.p81 {
    background-image: url()!important;
    background-repeat: no-repeat;
    background-position: -1px -1px
  }
  /*! Green Corner */
.matCell.p82 {
    background-image: url()!important;
    background-repeat: no-repeat;
    background-position: -1px -1px
  }
  body.colorblind .t82 {
    border-color: #ffd474!important;
    color: #000;
    background-color: #ffd474!important
  }
  body.colorblind .t2 {
    border-color: #ffecc3!important;
    color: #000;
    background-color: #ffecc3!important
  }
  body.colorblind .t81 {
    background-color: #4c5999!important
  }
  body.colorblind .t1 {
    border-color: rgba(0,19,110,.3);
    color: #000;
    background-color: #b2b8d3!important
  }
  body.colorblind .matCell.p81 {
    background-image: url()!important
  }
  body.colorblind .matCell.p82 {
    background-image: url()!important
  }
  body .toolbar #specificScope > span.on {
    background-color: var(--accent-3)!important
  }
  .matRow {
    background: var(--tone-4)!important
  }
  #matHead {
    border-color: var(--in-content-box-border-color)!important
  }
  body[dir=ltr] {
    background-color: var(--tone-7)!important;
    color: var(--tone-4)!important
  }
  #dashboard-nav-widgets {
    background-color: var(--tone-8)!important;
    color: var(--tone-4)!important;
    border-bottom: 1px solid!important;
    border-color: var(--tone-5)!important
  }
  .tabButton {
    background-color: var(--tone-7)!important;
    color: var(--tone-4)!important;
    border-color: var(--tone-5)!important
  }
  .tabButton.selected {
    background-color: var(--tone-8)!important;
    border-color: var(--tone-5)!important
  }
  button.custom.important {
    background-color: #ffcc7f!important;
    color: #000!important;
    opacity: .8!important
  }
  .ruleActions button,
  button.custom,
  button.custom.important.disabled,
  button.custom.important[disabled] {
    -moz-appearance: none!important;
    background-color: var(--in-content-page-background)!important;
    border: 1px solid!important;
    border-radius: 3px!important;
    background-image: none!important;
    border-color: var(--in-content-box-border-color)!important;
    color: var(--in-content-text-color)!important;
    opacity: 1!important
  }
  #commitButton,
  #diff.editing #exportButton,
  #diff.editing #importButton,
  #editSaveButton,
  #revertButton {
    opacity: .25!important
  }
  button.custom:hover,
  button:hover {
    background-color: var(--in-content-box-background-hover)!important
  }
  button.custom.disabled,
  button.custom.important.disabled,
  button.custom.important[disabled],
  button.custom[disabled] {
    opacity: .5!important
  }
  #diff.dirty:not(.editing) #commitButton,
  #diff.dirty:not(.editing) #revertButton,
  #diff.editing #editSaveButton {
    opacity: 1!important
  }
  button.custom.important:hover {
    background-color: #ffcc7f!important;
    opacity: 1!important
  }
  a.fa.support,
  a.mustread {
    color: var(--in-content-page-color)!important
  }
  li.listEntry span.status {
    color: var(--tone-4)!important
  }
  li.listEntry.mustread > a.mustread:hover {
    color: var(--accent-2)!important
  }
  li.listEntry span.obsolete {
    color: var(--warning-color)!important
  }
  li.listEntry > a.remove,
  li.listEntry > a.remove:visited,
  li.listEntry span.failed,
  li.listEntry span.unsecure {
    color: #de7474!important
  }
  #backupUserDataButton,
  #clearBrowserCacheAfter,
  #deleteUnusedSessionCookiesAfter,
  #externalHostsFiles,
  #popupScopeLevel,
  #resetUserDataButton,
  #restoreUserDataButton {
    -moz-appearance: none!important;
    background: var(--tone-6)!important;
    color: var(--tone-4)!important;
    border: 1px solid!important;
    border-color: var(--tone-5)!important
  }
  a {
    color: var(--accent-1)!important
  }
  #diff li {
    background-color: var(--tone-7)!important
  }
  #diff li:nth-of-type(2n),
  .assets > div:first-of-type {
    background-color: var(--tone-8)!important
  }
  .assets {
    border: 1px solid!important;
    border-color: var(--tone-5)!important
  }
  #diff li:hover {
    background-color: var(--accent-1)!important;
    color: #fff!important
  }
  #diff ul {
    border-top: 1px solid!important
  }
  html body div.assets div {
    background-color: var(--in-content-box-background)!important
  }
  textarea {
    -moz-appearance: none!important;
    background: var(--tone-8)!important;
    color: var(--tone-4)!important;
    border: 1px solid!important;
    border-color: var(--tone-5)!important;
    padding: 5px!important
  }
  #diff textarea {
    border-top: 1px solid!important;
    border-color: var(--tone-5)!important;
    background: var(--tone-6)!important;
    color: var(--tone-4)!important
  }
  .whatisthis-expandable {
    background-color: var(--tone-8)!important;
    border: 1px dotted!important;
    border-color: var(--tone-5)!important
  }
  .paneHead {
    background-color: var(--tone-7)!important
  }
  .paneContent {
    background: var(--tone-4)!important
  }
  #gotoDashboard {
    background-color: var(--tone-8)!important;
    color: var(--tone-4)!important
  }
  body[dir=ltr] #gotoDashboard > span:last-of-type {
    color: var(--tone-4)!important
  }
  body .toolbar button {
    color: var(--primary--light-color)!important
  }
  body .toolbar .scopeRel {
    color: var(--accent-2)!important
  }
  button > span.badge {
    color: #fff!important;
    background-color: var(--tone-5)!important
  }
  body .toolbar button {
    background-color: var(--tone-7)!important
  }
  body .toolbar button.disabled {
    color: var(--tone-4);
    color: var(--tone-6)!important
  }
  body .toolbar .scope {
    background-color: var(--tone-6)!important;
    border: 1px solid!important;
    border-color: var(--tone-5)!important
  }
  #parsed {
    background-color: var(--tone-8)!important;
    border: 1px solid!important;
    border-top: none!important;
    border-color: var(--tone-5)!important
  }
  .code {
    background-color: var(--tone-8)!important;
    border: 1px solid!important;
    border-bottom: none!important;
    border-color: var(--tone-5)!important
  }
  button#bye {
    -moz-appearance: none!important;
    background: var(--tone-6)!important;
    border: 1px solid!important;
    border-color: var(--tone-5)!important;
    color: var(--tone-4)!important
  }
  button#bye:hover {
    background: var(--tone-8)!important
  }
  .dropdown-menu > ul,
  .recipe:hover {
    border: 1px solid!important;
    border-color: var(--tone-5)!important;
    background-color: var(--tone-8)!important
  }
  .dropdown-menu > ul > li.dropdown-menu-entry {
    color: var(--tone-6)!important
  }
  #mtxSwitches > li.switchTrue {
    color: var(--tone-4)!important
  }
  .dropdown-menu > ul > li.dropdown-menu-entry:hover {
    background: var(--tone-7)!important
  }
  .recipe .name {
    color: var(--tone-4)!important
  }
  #toolbar,
  #toolbar .button {
    background-color: var(--tone-8)!important
  }
  #ruleFilter input,
  #toolbar input {
    -moz-appearance: none!important;
    background: var(--tone-6)!important;
    color: var(--tone-4)!important;
    border: 1px solid!important;
    border-color: var(--tone-5)!important;
    padding: 5px!important
  }
  #content table tr {
    background-color: var(--tone-6)!important
  }
  #content table tr:nth-of-type(2n+1) {
    background-color: var(--tone-7)!important
  }
  #content table tr.doc {
    background-color: var(--tone-8)!important
  }
  body:not(.popupOn) #content table tr.canMtx td:nth-of-type(2):hover {
    background: var(--tone-8)!important
  }
  body #content td {
    border-color: var(--tone-5)!important
  }
  #content table tr.blocked {
    color: var(--cm-red)!important
  }
  #content table tr.cat_info {
    color: var(--accent-1)!important
  }
  #toolbar {
    border-bottom: 1px solid!important;
    border-color: var(--tone-5)!important
  }
  .fa-icon {
    fill: var(--in-content-page-color)!important
  }
  .fa-icon.fa-icon-badged > .fa-icon-badge {
    background-color: var(--in-content-box-background)!important;
    color: var(--in-content-page-color)!important
  }
  .fa-icon:hover {
    background-color: var(--in-content-box-background)!important
  }
  .toolbar .fa-icon {
    fill: var(--in-content-link-color)!important
  }
  #mtxSwitch_matrix-off.switchTrue {
    fill: red!important;
    color: red!important
  }
  .fa-icon_list-alt,
  .fa-icon_reply-all,
  .fa-icon_sync-alt {
    fill: var(--in-content-page-color)!important
  }
}
